<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="styles/styles.css" rel="stylesheet" />
</head>
<body>
    <main>
        <fieldset>
            <legend>Register:</legend>
            <label for="input-register-user-name">Username: </label>
            <input id="input-register-user-name" type="text" />
            <label for="input-register-user-password">Password: </label>
            <input id="input-register-user-password" type="text" />
            <input id="button-register" type="button" value="Register" />
        </fieldset>
        <fieldset>
            <legend>Login:</legend>
            <label for="input-login-user-name">Name: </label>
            <input id="input-login-user-name" type="text" />
            <label for="input-login-user-password">Password: </label>
            <input id="input-login-user-password" type="text" />
            <input id="button-login" type="button" value="Login" />
        </fieldset>
        <fieldset>
            <legend>Logout:</legend>
            <input id="button-logout" type="button" value="Logout" />
        </fieldset>
        <fieldset>
            <legend>Submit a post:</legend>
            <label for="input-submit-post-title">Title: </label>
            <input id="input-submit-post-title" type="text" />
            <label for="input-submit-post-body">Message: </label>
            <input id="input-submit-post-body" type="text" />
            <input id="button-submit-post" type="button" value="Send" />
        </fieldset>
        <fieldset id="filtered-post-list-container">
            <legend>Filtered post settings:</legend>
            <label for="input-filter-post-username">Enter username for filtering post list: </label>
            <input id="input-filter-post-username" type="text" />
            <input id="button-filter-post-username" type="button" value="Filter" />
        </fieldset>
        <fieldset>
            <legend>Sort posts:</legend>
            <input id="button-sort-title-ascending" type="button" value="by Title ascending" />
            <input id="button-sort-title-descending" type="button" value="by Title descending" />
            <input id="button-sort-date-ascending" type="button" value="by Date ascending" />
            <input id="button-sort-date-descending" type="button" value="by Date descending" />
        </fieldset>
        <fieldset>
            <legend>Show posts in pages:</legend>
            <label for="input-posts-by-page">Post count by page:</label>
            <input id="input-posts-by-page" type="number">
            <input id="button-show-posts-by-page" type="button" value="Show" />
        </fieldset>
        <fieldset id="post-list-container">
            <legend>Post list:</legend>
        </fieldset>
        <div class="messages">
            <strong class="message success">
            </strong>
            <strong class="message error">
            </strong>
        </div>
    </main>
    <script src="libs/underscore-min.js"></script>
    <script src="libs/jquery-2.1.1.min.js"></script>
    <script src="libs/sha1.js"></script>
    <script src="scripts/tasksolution.js"></script>
</body>
</html>